<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: yangyaru
  Date: 2022/4/10
  Time: 12:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/20.css" />
    <link rel="stylesheet" href="/css/33.css" />
    <link rel="stylesheet" href="/css/2.css" />
</head>
<body>
<!--头部开始-->
<div class="header">
    <div class="wrap">
        <ul class="header-left">
            <li>欢迎来到某某国际物流公司!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li><a href="/login">登录</a><span>|</span></li>
            <li><a href="#">注册</a></li>
        </ul>
        <ul class="header-right">
            <li><img src="image/psdy.png" width="18px">24小时热线:400-1234-XXXX&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li><a href="#">设为首页</a><span>|</span></li>
            <li><a href="#">加入收藏</a></li>
        </ul>
    </div>
</div>
<!--头部结束-->
<!--导航开始-->
<div class="nav">
    <div class="wrap">
        <div class="logo">
            <img src="image/5ay2.png">
        </div>
        <div class="brand">
            <ul>
                <li>某某国际物流有限公司</li>
                <li style="font-size: 10px;">MARINE LOGISTICS CO LTD</li>
            </ul>
        </div>
        <div class="nav-bar">
            <ul>
                <li><a href="/page1">首页</a></li>
                <li><a href="/page2">关于我们</a></li>
                <li><a href="/page3">业务范围</a></li>
                <li><a href="/page6">新闻中心</a></li>
                <li><a href="/page8">网上下单</a></li>
                <li><a href="/page11">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="demo01" style="background-image: url(/image/map-background.jpeg)"></div>
<div class="demo02" style="background: rgba(249,249,249,0.5);">
    <div class="day1" style="float: left;width: 35%;height: 60px">
        <a href="/page1" style="font-family: 微软雅黑;font-size: 13px;color: black;text-decoration: none;display: block;padding-top: 20px;padding-left: 100px;float: left">首页</a>
        <p style="font-family: 微软雅黑;font-size: 13px;color: black;float: left;padding-top: 20px">&nbsp;>>&nbsp;联系我们</p>
    </div>
    <div class="day2" style="float: left;width: 65%;height: 60px;">
        <ul>
            <c:forEach begin="0" end="${businessClasses.size()-1}" var="i">

                <li style="float: left;list-style: none;margin-left: 30px;"><a href="/page3?businessClassId=${businessClasses[i].id}" style="display:block;width:120px;height:60px;text-decoration: none;color: #100f0f;font-family: 微软雅黑"><span style="position:relative;top: 18px;left: 18px;">${businessClasses[i].name}</span></a></li>

            </c:forEach>
        </ul>

    </div>
</div>

    <div class="wenzhang" style="position: absolute;width: 100%;height: 950px;top: 450px;background-color: rgb(255, 255, 255);">
        <ul>
            <li class="qasd_1">${business.name}</li>
            <li class="qasd_2" style="top: 130px;color: rgba(0,0,0,0.3);left: 40%;">发布时间: ${business.time}   </li>
            <li class="qasd_3" style="top: 150px;color: rgba(0,0,0,0.8);left: 15%;"><span>某某物流城际快线具有时效迅速、准时准点的优势，是根据客户**城际短途汽运需求设计的，具有时效迅速、准时准点、安全便捷的优势。</span></li>
            <li class="qasd_15"><img src="${business.img}" style="top: 200px;"></li>
            <li class="qasd_16"><img style="top: 500px" src="http://static.websiteonline.cn/website/plugin/tb_product_detail/styles/listStyle/images/an1L.gif"></li>
            <li class="qasd_17"><img style="top: 500px" src="${business.img}"></li>
            <li class="qasd_18"><img  style="top: 500px" src="http://static.websiteonline.cn/website/plugin/tb_product_detail/styles/listStyle/images/an1R.gif"></li>
            <li class="qasd_4" style=" top: 610px; left: 15%; width: 1000px;">${business.desc}</li>

            <li class="qasd_11"></li>
            <li class="qasd_12"><a href="">上一个</a></li>
            <li class="qasd_13"></li>
            <li class="qasd_14"><a href="">下一个</a></li>
        </ul>

    </div>

    <div class="dibu">
        <div class="dibuwenzi">
            <div>
                <ul>
                    <li class="khghdfgdfgd"><img src="http://tpl-ce154ff.pic24.websiteonline.cn/upload/5ay2.png"></li>
                    <li class="fsafsafasfqwe">某某国际物流有限公司</li>
                    <li class="vbcvbxcvdv">MARINE LOGISTICS CO., LTD.</li>
                    <li class="xuzhcsiu"><input type="text/css"></input></li>
                    <li class="sdasfa_1"><button >搜索</button></li>
                    <li class="sdasfa_2">某某国际物流有限公司是集代理、物流配送、航空速递、公路运输、铁路运</li>
                    <li class="sdasfa_3">输、仓储、城际配送于一体，跨区域、网络化、信息化、智能化、具有供应</li>
                    <li class="sdasfa_4">链管理能力的综合性物流公司。</li>
                    <li class="sdasfa_5">联系方式</li>
                    <li class="sdasfa_6">021-123456X</li>
                    <li class="sdasfa_7">地址：上海市某某区某某路某某大厦x楼 xx号</li>
                    <li class="sdasfa_8">邮箱：xxxxxx@126com</li>
                    <li class="sdasfa_9">手机：123 xxxx xxxx</li>
                    <li class="sdasfa_10">网址 ：www.xxxxxxxxx.com</li>
                    <li class="sdasfa_11">微信</li>
                    <li class="sdasfa_12">官方公众平台</li>
                    <li class="sdasfa_13"><img src="https://tpl-ce154ff-pic24.websiteonline.cn/upload/5z08.jpg"></li>
                    <li class="sdasfa_14"><img src=""></li>
                    <li class="sdasfa_15"><img src=""></li>
                    <li class="sdasfa_16"><img src=""></li>
                    <li class="sdasfa_17"><img src=""></li>
                    <li class="sdasfa_18"><img src=""></li>
                    <li class="sdasfa_19"><img src=""></li>


                </ul>
            </div>
        </div>

    </div>
    <div class="dibu_1">
        <ul>
            <li class="qasdsfxcsffsf">Copyright 2017 www.xxxxxxx.com All Right Reserved.  版权所有 某某国际物流有限公司   网站备案：ICP备123456789XXX号</li>
        </ul>

    </div>



</div>

</div>
</div>
</body>
</html>

